<?php $this->start('menu') ?>
	<?php echo $this->element('menu'); ?>
<?php $this->end() ?>

<?php $this->start('css') ?>
	<?php echo $this->Html->css('payment'); ?>
<?php $this->end() ?>

<div id="contenti">
	<div class="processer">
		<ul class="steps-pay">
			<li><a href="" class="info-link">Thông Tin Khách Hàng</a></li>
			<li><span class="choose-pay disabled">Hình Thức Thanh Toán </span></li>
			<li><span class="confirm disabled">Xác Nhận Đơn Hàng</span></li>
		</ul>
		<div class="progressbar"><div class="percent30"></div></div>
	</div>
	<div class="pay-content">
		<h2>Chào bạn! Hãy điền đầy đủ thông tin để mua hàng nhé</h2>
		<?php echo $this->Form->create('Infomation', array('id' => 'payment_information')); ?>
			<div class="info-form left-div">
				<p class="title">Thông Tin Cá Nhân</p>
				<div>
					<label>Họ Tên </label>
					<?php echo $this->Form->input('0.name', array('label' => false, 'class' => 'required')) ?>
				</div>
				<div>
					<label>Email </label>
					<?php echo $this->Form->input('0.email', array('label' => false, 'class' => 'required email')) ?>
				</div>
				<div>
					<label>Điện Thoại </label>
					<?php echo $this->Form->input('0.phone', array('label' => false, 'class' => 'required phone')) ?>
				</div>
				<div>
					<label>Tỉnh/Thành Phố </label>
					<?php echo $this->Form->input('0.city_id', array('label' => false, 'class' => 'required phone')) ?>
				</div>
				<div>
					<label>Quận/Huyện </label>
					<select>
						<option>Chọn quận/huyện</option>
					</select>
				</div>
				<div>
					<label>Địa Chỉ </label>
					<?php echo $this->Form->input('0.address', array('label' => false, 'class' => 'required')) ?>
				</div>
			</div> <!-- end left-div -->
			<div class="info-form right-div">
				<p class="title">Thông Tin Giao Hàng</p>
				<div>
					<input type="checkbox" /> Chọn từ thông tin cá nhân
				</div>
				<div>
					<label>Họ Tên </label>
					<?php echo $this->Form->input('1.name', array('label' => false, 'class' => 'required')) ?>
				</div>
				<div>
					<label>Email </label>
					<?php echo $this->Form->input('1.email', array('label' => false, 'class' => 'required email')) ?>
				</div>
				<div>
					<label>Điện Thoại </label>
					<?php echo $this->Form->input('1.phone', array('label' => false, 'class' => 'required phone')) ?>
				</div>
				<div>
					<label>Tỉnh/Thành Phố </label>
					<?php echo $this->Form->input('1.city_id', array('label' => false, 'class' => 'required phone')) ?>
				</div>
				<div>
					<label>Quận/Huyện </label>
					<select>
						<option>Chọn quận/huyện</option>
					</select>
				</div>
				<div>
					<label>Địa Chỉ </label>
					<?php echo $this->Form->input('1.address', array('label' => false, 'class' => 'required')) ?>
				</div>
				<div>
					<label>Chi chú khi giao hàng </label>
					<?php echo $this->Form->input('1.note', array('label' => false, 'type' => 'textarea')) ?>
				</div>
			</div> <!-- end right-div -->
			<div class="continue-btn"> <!-- continues -->
				<input type="button" value="<< Quay Lai" class="btn-style" />
				<input type="submit" value="Tiếp tục >>" class="btn-style" />
			</div>
		<?php echo $this->Form->end(); ?>
	</div>
</div>
<?php echo $this->start('script') ?>
	<?php echo $this->Html->script('jquery.validate.min'); ?>
	<?php echo $this->Html->script('messages_vi'); ?>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery("#payment_information").validate();
		});
	</script>
<?php echo $this->end() ?>
